<template>
  <div>
    <div class="card">
      <div class="card-content">
        <p>商品详情</p>
        <p>商品名:{{$route.query.name}}</p>
        <p>类型:{{$route.query.type}}</p>
        <p>折扣:{{$route.query.discount}}</p>
        <p>商品下拉:{{$route.query.shopSel}}</p>
        <p>商品多选:{{$route.query.shopCheckbox}}</p>
        <img :src="img" style="position:absolute;left:50%;margin-left:-200px;bottom:-350px;width:400px;height:300px;">
      </div>
      <footer class="card-footer">
        <p class="card-footer-item">
          <router-link class="button is-info" to="/index/shops">返回</router-link>
        </p>
      </footer>
    </div>
  </div>
</template>

<script>
import { shopImgUrl } from '@/utils/url.js'
export default {
  data(){
    return {
      img:''
    }
  },
  mounted(){
    this.img = shopImgUrl + this.$route.query.img
  }
};
</script>

<style>
</style>
